
/* styles for layout */
html,body
{
    height:100%;
}

#wrap
{
  min-height: 100%;  
}

#main
{
    overflow:auto;
    padding-bottom:30px; /* this needs to be bigger than footer height*/
}

.footer 
{
    position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 45px;
	clear:both;
    padding-top:5px;
    color:#fff;
}


.left-container{
    background-image: -webkit-linear-gradient(top, white,#F4F3F0);
    background-image: -moz-linear-gradient(top, white,#F4F3F0);
    background-image: -o-linear-gradient(top, white,#F4F3F0);
    background-image: linear-gradient(top, white,#F4F3F0);

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 6px 1px;
    -moz-box-shadow: rgba(0,0,0,0.2) 1px 1px 6px 1px;
    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 6px 1px;

    padding: 3px;
}

/*Class for the date*/
.text-weight-tin {
    font-weight: 300
}

.myDate {
    background-color: #999;
    padding: 3px;
    width: 50px;
    text-align: center;
    font-family: verdana, arial;
    font-size: 12pt;
}

.myDate .year {
    background-color: #339;
    padding: 2px;
    font-size: 70%;
    margin-bottom: 3px;
    color: #fff;
    letter-spacing: 3px;
    font-weight: bold;
}

.myDate .day {
    background-color: white;
    font-size: 100%;
    padding: 5px 8px;
    margin-bottom: 3px;
    font-weight: bold;
}

.myDate .month {
    background-color: #339;
    font-size: 50%;
    padding: 2px;
    color: #fff;
    font-weight: bold;
}